/* =================================== */
/*  GERAL 
/* =================================== */
:root{
    --azul-escuro: #224470;
    --laranja: #f8ac13;
    --branco: #FFF;
    --preto: #000;
    --texto: #282828;
    --cinza-claro: #cccccc;
    --azul-medicina: #74c8e2;
    --azul-medicina-escuro: #005380;
    --azul-medicina-claro: #1bcae5;
    --azul-rodape: #021c38;
}

#s4-workspace{
    overflow-x: hidden !important;
    font-family: "Barlow Condensed", sans-serif;
    color: var(--texto);
}




/* =================================== */
/*  POP-UP 
/* =================================== */
#popup .modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 20px;
    outline: 0;
}

#popup .modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: none;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

#popup h4{
    font-family: "Barlow Condensed", sans-serif !important;
	font-size: 1.4em;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	color: var(--azul-escuro);
	margin-top: 5%;
	margin-bottom: 5%;
}

#popup p{
	padding: 0 20%;
	text-align: center;
}

#popup .btn-whats{
	border-radius: 5px;
	text-transform: uppercase;
	text-align: center;
	margin: 4% 0% 3% 0%;
	background: seagreen;
	color: var(--branco);
}

#popup .btn-whats a{
	color: var(--branco);
}

#popup .btn-whats:hover{
	text-decoration:none
}